<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<script type="text/javascript">
	function btMouseOn(){
		$('#btOutraBusca').removeClass("btSair");
		$('#btOutraBusca').addClass("btSairHover");
	}
	function btMouseOut(){
		$('#btOutraBusca').removeClass("btSairHover");
		$('#btOutraBusca').addClass("btSair");
	}
	
	function btSairMouseOn(){
		$('#btSair').removeClass("btSair");
		$('#btSair').addClass("btSairHover");
	}
	function btSairMouseOut(){
		$('#btSair').removeClass("btSairHover");
		$('#btSair').addClass("btSair");
	}
	
	function trMouseOn(id){
		$(id).removeClass("trTableListagem");
		$(id).addClass("trTableListagemHover");
	}
	function trMouseOut(id){
		$(id).removeClass("trTableListagemHover");
		$(id).addClass("trTableListagem");
	}
</script>
<div style="width: 100%; text-align: left; padding-left: 20px;">
	<br/>
	<table style="width: 100%;">
	<tr>
		<td>
			<div class="fPadrao16 bold">
				<html:image src="bbcalibracaoweb/img/seta.png"/> Sistema para consulta de laudos de calibração
			</div>
		</td>
		<td style="text-align: right;">
			<html:form action="Sair.do" styleId="sairForm">
			 	<html:hidden property="cnpj" styleId="cnpj" value="${cal.cnpjFormatado}"/>
			 	<html:submit style="width:60px;" onclick="$('#sairForm').attr('action','EfetivaBusca.do');" value="Voltar" styleClass="btSair" styleId="btSair" onmouseover="javascript: btSairMouseOn();" onmouseout="javascript: btSairMouseOut();" />&nbsp;&nbsp;|&nbsp;
				<html:submit value="Realizar outra busca" styleClass="btSair" styleId="btOutraBusca" onmouseover="javascript: btMouseOn();" onmouseout="javascript: btMouseOut();" />&nbsp;&nbsp;&nbsp;&nbsp;
		 	</html:form>
		</td>
		<td width="160px;">
			&nbsp;
		</td>
	</tr>
	</table>
	<logic:empty name="cal">
		<div class="fPadrao fErro">
		Não encontrado detalhes da calibração.
		</div>
	</logic:empty>
	<logic:notEmpty name="cal">
		<table class="fPadrao">
		<tr>
			<td class="bold">Data Calibração:</td>
			<td>${cal.dataCalibracaoFormatada}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">Próxima Calibração:</td>
			<td>${cal.periodoProximaCalibracao} - ${cal.dataProximaCalibracaoFormatada}</td>
		</tr>
		<tr>
			<td class="bold">Nome Cliente:</td>
			<td>${cal.nomeCliente}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">${cal.cpf ?'CPF' :'CNPJ'}:</td>
			<td>${cal.cnpjFormatado}</td>
		</tr>
		<tr>
			<td class="bold">Região:</td>
			<td>${cal.regiao}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">Bandeira:</td>
			<td>${cal.bandeira}</td>
		</tr>
		<tr>
			<td class="bold">Cidade:</td>
			<td>${cal.cidade}</td>
			<td>&nbsp;</td>
			<td class="bold">UF:</td>
			<td>${cal.uf}</td>
		</tr>
		<tr>
			<td class="bold">E-mail:</td>
			<td>${cal.email}</td>
			<td>&nbsp;</td>
			<td class="bold">Telefone:</td>
			<td>${cal.telefone}</td>
		</tr>
		
		<tr>
			<td class="bold">Nota Fiscal:</td>
			<td>${cal.notaFiscal}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">NotaFiscalServiço:</td>
			<td>${cal.notaFiscalServico}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">Número Série:</td>
			<td>${cal.numeroSerie}</td>
		</tr>
		<tr>
			<td class="bold">Linha:</td>
			<td>${cal.linhaEquipamento}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">Equipamento:</td>
			<td>${cal.descricaoEquipamento}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">Número Selo:</td>
			<td>${cal.numeroSelo}</td>
		</tr>
		<tr>
			<td class="bold">Nome Inspetor:</td>
			<td>${cal.nomeInspetor}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">Status:</td>
			<td ${cal.vencido ?'class="red bold"' :''}>${cal.status}</td>
			<td>&nbsp;&nbsp;&nbsp;</td>
			<td class="bold">Cadastro BSQM:</td>
			<td>${cal.bsqm}</td>
		</tr>
		</table>
		<br/>
		<div style="width: 100%; text-align: center;">
			<table class="tableListagem fPadrao" >
			<tr class="trHTableListagem">
				<td colspan="2">&nbsp;&nbsp;Arquivos de Calibrações Disponíveis</td>
			</tr>
			<logic:iterate name="listaCal" indexId="i" id="l">
				<tr class="trTableListagem" id="trListagem${i}" onmouseover="javascript: trMouseOn(trListagem${i});" onmouseout="javascript: trMouseOut(trListagem${i});" onclick="javascript: downloadPdf(${l.id}, '${l.nome}')">
					<td width="35px"><html:image src="bbcalibracaoweb/img/pdf.gif"/></td>
					<td width="565px" style="text-align: left;">&nbsp;&nbsp;${l.nome}</td>
				</tr>
			</logic:iterate>
			</table>
			<br/><br/>&nbsp;
		</div>
	</logic:notEmpty>
</div>
<html:form styleId="pdfForm">
 	<html:hidden property="id" styleId="id"/>
 	<html:hidden property="nomeArquivo" styleId="nomeArquivo"/>
 	<html:hidden property="cnpj" styleId="cnpj" value="${cal.cnpjFormatado}"/>
</html:form>
